<script setup lang="ts">
import {Axis} from "../../types/Axis";
import {Divider} from "../../types/Divider";
import {PropType} from "@vue/runtime-core";
defineProps({
  divider: {
    type: Object as PropType<Divider>,
    required:true
  },
  dividerDirection: {
    type: Object as PropType<Axis>,
    default: Axis.Vertical
  }
})
</script>

<template>
  <div v-if="dividerDirection==Axis.Vertical" :style="{
          backgroundColor:divider.color || '#eee',
          marginLeft:divider.startMargin || 0,
          marginRight:divider.endMargin || 0,
          height:divider.strokeWidth || 1
             }"
  ></div>
  <div v-else :style="{
          backgroundColor:divider.color || '#eee',
          marginLeft:divider.startMargin || 0,
          marginRight:divider.endMargin || 0,
          width:divider.strokeWidth || 1
  }"></div>
</template>

<style scoped>

</style>
